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<HTML> 
<HEAD> 
<TITLE> 

Virage Video Presentation: hongkong_5minute 

</TITLE> 

<SCRIPT> 

// edit this variable to point to proxy URL 

variirIroot="pmn://realserver/content/hongkong.rm"; 

var preroll=0; 

var proxy_type="real" 

var lastimg; 

function DisplayFrame(offset) 

{ 

var a = top.frames[l].botl.location.href.split('#'); 

top,frames[l].botLlocation.href = a[0] + + offset; 

var img=eval("top.frames[l].botl.document.i" + offset); 

if (lastimg && (lastimg != img)) lastimg.src="../icons/spacer.gir; 

if (img) img.src=".7icons/red,gif' ; 

lastimg=img; 

} 

function Play Video(offset) 
{ 

var d=top.frames[0].topLdocument; 
if (proxy_type = "real") 

{ 

if (navigator.appName = "Netscape") 
{ 

d.VideoImageWindow.SetSource(top.urlroot+ "?start=" + "\"" + Math,round(ofrset/1000 
top.preroll)+"\""); 

d.VideoImageWindow.DoPlayPauseO; 

} 

else 
{ 

d.RAOCX.Source= top.urlroot + "?start=" + "V"' + Math.round(ofifset/1000 + top.preroU) 

tn rtii, 

^ 9 

d.RAOCX.DoPlayPauseO; 

} 

} 

if (proxytype = "netshow") 
{ 

top.frames[0].topl.NSPlay,Filename = top.urlroot; 

top.frames[0].topl.NSPlay.SelectionStart = Math,round(offset/1000 + top.preroU); 
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top.frames[0].topl.NSPIay.PlayO; 
} 

if (proxyjype = "mbase") 
{ 

var start = (ofifset*1000 + preroll* 1000000); 

d.location.href = top.urlroot + "?StartPosition=" + start + "&AutoStart=TRUE"; 
} 

if (proxy_type = "ovs") 
{ 

if (navigator.userAgent.toLowerCase0.indexOf("msie") = -1) { // netscape browser 
top.frames[0].topl.document.video.load(top.urlroot); 

top.frames[0].topl.document.video.pIay(ofFset+top.preroll* 1 000,offset+1 0000000); 
} else { // msie browser 

top.frames[0].topl.document.video.Load(top.urlroot); 
top.frames[0].topl.dociiment.video.Play(); 

top.fi:ames[0].topl.document.video.SetPos(l ,offset+top.preroll* 1000); 

} 
} 

if (proxy_type = "noproxy") 
5 { 

n alert("No proxy available"); 

13 } 

fy } 

O </SCRIP'I> 

:h <FRAMESET ROWS=240,* B0RDER=2> 

'™ <FRAMENAME=topSRC=top.htmlSCROLLING=AUTO > 

: , <FRAME NAME=bot SRC=clips/O00.html SCROLLING=AUTO > 

m </FRAMESE'I> 

ro </HEAD> 

ii </HTML> 
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Overview 
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<HTML> 
<HEAD> 
<SCRIP'I> 

function select_proxy() { 

for(var i=0; i<document.f.proxy_type.length; i++) { 
if (document.f.proxy_type.options[i].value = window.opener.top.proxy_type) { 
docvunent.f.proxy_type.options[i].selected =1 ; 

} 

} 

} 

function write_url_inputO { document.write("<INPUT SIZE=40 NAME=URL VALUE=\"" + 
opener.top.urlroot + "\">"); } 

function writejDreroUJnputQ {document.write("<INPUT SIZE=5 NAME=PREROLL 
VALUE=\"" + opener.top.preroU + "\">"); } 

fimction setvaluesQ 
{ 

window.opener.top.urlroot = document.f.URL.value; 
window.opener.top.preroU = parselnt(document.f.PREROLL.value); 

window.opener.top.proxy_type == 
dociimentf.proxy_type.options[document£proxyJype.selectedIn^ 

window.opener.top.franies[0].topl.location = "videoj' + window.opener.top.proxy_type + 
".html" 

if (isNaN(window.opener.top.preroll)) window.opener.top.preroll=0; 
window.closeQ; 

} 

</SCRIPT> 
</HEAD> 

<BODY BGCOLOR=000066 onLoad-select_proxyO> 

<CENTER> 

<FORMNAME=f> 

<TABLE BORDER=l BGCOLOR=FFFFFF> 

<rR> 

<rH WIDTH=20% BGCOLOR=6666AAxFONT FACE="Arial" COLOR=FFFFFF SIZE=- 
l>URL</FONT></m><ro><SCRIPl>write_urlJnputO;<SCRIPl><OT 

</TR> 
<TR> 

<rH BGCOLOR=6666AA><FONT FACE="Ariar' COLOR=FFFFFF SIZE=- 

l>Preroll</FONT></TH><ro><SCRIPT>write_j)reroll_inputO 
</TR> 

<TR> 

<rH BGCOLOR=6666AA><FONT FACE="Arial" COLOR=FFFFFF SIZE=-l>Proxy 
Type</FON'I></TH> 
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<TD> 

<SELECT NAME=proxy_type> 
<OPTION VALUE="real">RealNetworks RealVideo 
<OPTION VALUE="netshow">Microsoft Netshow 
<OPTION VALUE=="mbase">SGI Mediabase 
<OPTION VALUE="ovs">Oracle Video Server 3.0 
<OPTION VALUE="noproxy">No Proxy 

</SELEC'I> 

</TD> 
</TR> 
</TABLE> 

<INPUT VALUE="Modify Values" TYPE=SUBMIT onClick="javascript:setvaluesO"> 
<P> 

<TABLE WIDTH=100% B0RDER=1 BGCOLOR=FFFFFF> 

<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE="Arial">Slug<FON'I></TH> 

<TD><FONT SIZE=-1 COLOR=000000 FACE="Arial">video2</FONl></TD> 

</TR> 
<TR> 

<rH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE="Arial">Description</FON'I></TH> 

<rD><FONT SIZE=-1 COLOR=000000 FACE="Arial">Hong Kong</FON'IX/TD> 

</TR> 
<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF FACE="Arial">Tape 
ID</FON'I></ra> 

<rD><FONT SIZE=-1 COLOR=000000 FACE="Arial">1234</FON'I></TD> 

</TR> 
<TR> 

<rH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF FACE="Arial">Log 
Date</FON1X/TH> 

^TDxPONT SIZE=-1 COLOR=000000FACE="Arial">06-18-1998</FONT></TD> 

</TR> 
<TR> 

<TH BGCOLOR=6666AA><FONT SIZE=-1 COLOR=FFFFFF 

FACE="Ariar>Logger<;/FON1X/rH> 

<TD><FONT SIZE=-1 COLOR=000000 FACE="Arial">279</FONTx/TD> 

</TR> 

</TABLE> 

</CENTER^ 

</FORM> 

</BODY> 

<HTML> 
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<HTML> 
<HEAD> 
<SCRIP1> 

function open_video_labelO 

{wmdow.open("videoJabel.html%"videolabel^"width=500Mght===400,scrollbar^ } 

</SCRIP1> 

</HEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 

<IMG BORDER=0 SRC=icons/colorbars.gif WIDTH=160 HEIGHT=120><BR> 

<BR><FONT SIZE=-1 FACE="Arial"><A HREF="javascript:open_video_labelO">Video 

Label</FON'IXA> 

<yCENTER> 

<BODY> 

<HTM1> 



Appendix I 



Page 1 



video_netshow.html 



<HTML> 
<HEAD> 
<SCRIP'I> 

fiinction open_video_labelO 

{ window.open(" video labeLhtml" ,"videolabel"," width=500^eight=400,scrollbars=yes"); } 

</SCRIP'I> 

</HEAD> 

<BODY BGCOLOR=000000> 

<CENTEK> 

<SCRIP'I> 

if (navigator.userAgent.toLowerCase().indexOf("msie") = -1) { 
aIert("Netshow is supported only in MSIE 4.x browsCTS / reverting to no proxy...") 
this.location = "video_noproxy.html"; 

} 

</SCRIP1> 

<BR> 

<OBJECT ID="NSPlay" WIDTH=160 HEIGHT=160 CLASSID="CLSID:22d6G12-b0f6-lld0- 
94ab-0080c74c7e95" 

CODEBASE="http://wvvw.microsoft.comiWetShow/download/en/nsasfinf.cab#Version=^ 

2"> 

<PARAM NAME=" Autostart" VALUE="0"> 
<PARAM NAME="MovieWindowWidth" VALUE="160"> 
<PARAM NAME="Movie^\rmdowHeight" VALUE="120"> 
<PARAM NAME="ShowDispiay" VALUE="0"> 
<PARAM NAME="ShowControIs" VALUE="r*> 
<PARAM NAME="ShowPositionControls" VALUE-"0"> 
<PARAM NAME="ShowSelectionControls" VALUE="0"> 
<PARAM NAME="Enabl€PositionControls" VALUE="0"> 
<PARAM NAME="EnableSelectionControls" VALUE="0"> 
<PARAM NAME="ShowTracker" VALUE="1"> 
<PARAM NAME="EnableTracker" VALUE="1"> 
<PARAMNAME="BorderStyle" VALUE="2"> 
<PARAM NAME="DisplayMode" VALUE="0"> 
<PARAM NAME=" Appearance" VALUE="0"> 
<PARAM NAME="DisplayForeColor" VALUE="65535"> 
<PARAM NAME="DisplayBackColor" VALUE="65535"> 
</OBJEC'I> 

<BRxFONT SIZE=-1 FACE="AriaI"xA HREF="javascaipt:open_video_labelO">Video 

Label</F01SrD></A> 

</CENTER> 

<BODY> 

</HTMI> 
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<HTML> 

<HEAD> 
<SCR1P'I> 

function open_video_labelO 

{window.open(•VideoJaM.html^%ideolabel^"width=500Mght=400,sc^ollbars=yes");} 

<SCRIP'I> 

<yHEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 

<IMG BORDER=0 SRC=icons/colorbars.gif WIDTH=160 HEIGHT=120><BR> 
<BR><FONT SIZE=-1 FACE="Arial"><A HREF="javascript:open_video_labelO">Video 

Label</FON'IX;/A> 
</CENTER> 
</BODY> 
</HTMl> 
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<HTML> 
<HEAD> 
<SCRIPT> 

function open_video_labelO 

{ window.open("videoJabel.html'^'Videolabel'^"vwdth=500Mght=400,sc^ollba^s==yes");> 

</SCRIP'I> 

</HEAD> 

<BODY BGCOLOR=000000> 

<CENTER> 

<OBJECTID="video" 

CLASSID="CLSID:547A04EF-4F00-llDl-9559-0020AFF4F597" 

WIDTH=160 

HEIGHT=120> 
<PARAM NAME="ShowControls" VALUE="0"> 
<PARAM NAME="BorderStyle" VALUE=" 1 "> 
<EMBED 

TYPE="application/oracle-video" 

NAME="video" 

WIDTH=160 

HEIGHT=120 

CONTROLS=FALSE 

AUTOSTART=FALSE> 
</OBJECT> 

<BRxFONT SIZE==-1 FACE="Arial"xA HREF="javascript:open_video_labelO">Video 

Label</F0N1X/A> 

</CENTER> 

</BODY> 

</HTMI> 
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<HTML> 
<HEAD> 
<SCRIPT> 

function open_video_label() 

{ window.open(VideoJabeI.html^"videolabel","width=500Mght==400,scrollbars=yes"); } 

</SCRIP'I> 
</HEAD> 

<BODY BGCOLOR=000000> 
<CENTER> 
<OBJECTID=RAOCX 
CLASSID="clsid:CFCDAA03-8BE4-llcf-B84B-0020AFBBCCFA" 
WIDTH=160 
HEIGHT=120> 

<PARAM NAME="SRC" VALUE="empty.rpm"> 
<PARAM NAME="CONTROLS" VALUE="ImageWindow"> 
<PARAM NAME="CONSOLE" VALUE="clipr'> 
<EMBED 
SRC=empty.rpni 
CONTROLS=ImageWindow 
NAME=VideoImage Window 
AUTOSTART=FALSE 
CONSOLE=clipl 
y WIDTH=160 
3 HEIGHT=120 
p BORDER=0><BR> 
U ^OBJECIXBR^ 
<EMBED 
SRC=empty.rpm 
WIDTH=160 
HEIGHT=30 

CONTROLS=ControlPanel 
CONSOLE=clipl 
AUTOSTART=FALSE 
BORDER=0> 

<BR><FONT SIZE=-1 FACE="Arial"xA HREF="javascript:open_video_labelO">Video 
Label</FON'IX/A> 
</CENTER> 
<s'BODY> 
</HTML> 
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